<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
</style>
<template>
    <div>
        <Table :columns="columns" :data="data" :show-header="false"/>
    </div>
</template>
<script>
    import columns from './columns'
    export default {
        name: 'expand-table',
        props: {
            data: Array,
            modal: Object,
            expand: Object,
            onRemove: Function,
            namespace: String,
            n: Number
        },
        computed: {
          columns () {
            return columns(this.modal, this.expand, this.onRemove, this.namespace, this.n)
          }
        },
    };
</script>
